@charset "gb2312";
/* CSS Document */


#header_logo{
	background:url(../images/logo_beta.gif) no-repeat; width:438px; height:28px; margin:6px 0px 0px 16px!important; 
	margin:6px 0px 0px 13px;  float:left;
}

#jokebox{width:100%;float:left;}
#jokebox_header{ width:100%; height:58px; background:url(../images/jokebox_header_bg.gif) repeat-x; }

#jokebox_next{margin:10px 0px 0px 13px!important; margin:10px 0px 0px 6px;float:left;}

#jokebox_attitudebox{margin:9px 0px 0px 20px!important; margin:9px 0px 0px 20px;  float:left; color:#763705; text-align:left; vertical-align:text-top; }

#jokebox_accuse{
margin:20px 12px 0px 0px!important; margin:20px 0px 0px px;  float:right; color:#763705; text-align:left; vertical-align:text-top; font-size:12px;background:url(../images/accuse.gif) no-repeat 0px 0px; padding:2px 0px 0px 18px; height:18px;
}
#jokebox_attitudebox a.attitude_button {
	 margin-top: 0px; margin-bottom: 6px; margin-left: 5px; float:left; font-size:12px;  color:#999999; border: 0px solid #faf3ef;
}
#jokebox_attitudebox a.attitude_button:hover{
	text-decoration:none;
}
#jokebox_attitudebox a.attitude_button_hover {
	cursor:pointer; text-decoration:none; color:#d7a984; background:#fff; border: 1px solid #d7a984;
}

/*#bak_jokebox_attitude1{background-image:url(../images/attitude1.gif); }
#bak_jokebox_attitude2{background-image:url(../images/attitude2.gif); }
#bak_jokebox_attitude3{background-image:url(../images/attitude3.gif); }*/

.jokebox_attitude{
	padding:7px 0px 0px 16px; height: 22px;width: 70px;background-repeat: no-repeat;background-position: 0px -2px;
}
.jokebox_attitude span{
	font-size:18px; font-weight:bold; color:#99CC00; text-decoration:underline; 
}
.jokebox_attitude_unselected{
	color:#C7AE98; padding:7px 0px 0px 16px; height: 22px;width: 70px;background-repeat: no-repeat;background-position: 0px -2px;
}
.jokebox_attitude_unselected span{
	font-size:18px; font-weight:bold; 
}
.jokebox_attitude_selected{
	color:#99CC00; padding:7px 0px 0px 16px; height: 22px;width: 70px;background-repeat: no-repeat;background-position: 0px -2px;
}
.jokebox_attitude_selected span{
	font-size:18px; font-weight:bold; text-decoration:none; 
}

#jokesubmit{ width:235px; height:41px; background:url(../images/joke_submit.gif) no-repeat 0px 0px; margin-left:-4px; padding-top:8px; line-height:14px; *line-height:18px;}
#jokesubmit a{ width:235px; height:49px; text-align:center; color:#FFF; font-size:12px;}
#jokesubmit a:link{ width:235px; height:49px; text-align:center; color:#FFF; font-size:12px; text-decoration:none}
#jokesubmit a:visited{ width:235px; height:49px; text-align:center; color:#FFF; font-size:12px; text-decoration:none}
#jokesubmit a:hover{ width:235px; height:49px; text-align:center; color:#FFF; font-size:12px; text-decoration:underline;}

.pagenav_list{
}
.pagenav_list div{
	 padding:1px 4px; border:1px solid #FFFFFF; margin-right:3px; color:#666666 ; text-decoration:none; line-height:16px; height:14px; overflow:hidden; float:left; font-weight:bold;
}
.pagenav_list div.link{
	 border:1px solid #757575; background:#9e9e9e;  color:#FFFFFF;text-decoration:none; cursor:pointer; font-weight:normal;
}

.pagenav_list div.hover{
 	 border:1px solid #3a3a3a; background:#747474; color:#FFFFFF;text-decoration:none; cursor:pointer; font-weight:normal;
}

a.back_top_hover{
	color:#58331e; text-decoration:underline;
}




#loginbox{ width:224px; height:auto; margin-top:13px;}
#loginbox_header{  height:20px; margin:0px 12px 0px 12px; padding-top:8px; text-align:left; background:url(../images/login_caption.gif) no-repeat 0px 5px; padding-left:26px; padding-top:10px;}
#loginbox_content{ width:184px; height:92px; margin:0px 12px 12px 12px; padding:8px;  text-align:left; font-size:12px; color:#6b6b6b; }
#loginbox_div{ width:100%; height:28px; line-height: 28px; overflow: hidden; }
#loginbox_input{width:130px; height:16px;}
#loginbox_button{background:url(../images/login_button.gif) no-repeat; width:62px; height:21px; cursor:pointer; border:0px;}
#loginbox_div.submit{ margin-top:8px;}

#infobox{ width:224px; height:auto; margin-top:13px;}
#infobox_header{  height:20px; margin:0px 12px 0px 12px; padding-top:8px; text-align:left; background:url(../images/info_caption.gif) no-repeat 0px 5px; padding-left:26px; padding-top:10px;}
#infobox_content{ width:184px; height:92px; margin:0px 12px 12px 12px; padding:8px;  text-align:left; font-size:12px; color:#6b6b6b; }
#infobox_div{ width:100%; height:24px; line-height: 24px; overflow: hidden; }
#infobox_input{width:130px; height:16px;}
#infobox_button{background:url(../images/login_button.gif) no-repeat; width:62px; height:21px; cursor:pointer; border:0px;}
#infobox_div.hello{ color:#000000;}
#infobox_div.setting{ text-align:right; border-top:1px solid #efdac9; background:#FFFFFF; }
#infobox_setting{ float:right; background:url(../images/arrow.gif)  no-repeat 0px 6px; margin-left:8px; padding-left:11px;}

#awardbox{ width:224px; height:270px; margin-top:13px;}
#awardbox_header{  height:20px; margin:0px 12px 0px 12px; padding-top:8px; text-align:left; background:url(../images/award_caption.gif) no-repeat 0px 5px; padding-left:26px; padding-top:10px;}
#awardbox_content{ width:200px; height:226px; margin:0px 12px 12px 12px;}
#awardbox_content ul{ width:184px; margin:8px; }
#awardbox_content ul li{ width:100%; margin-top:7px;font-size:12px; height:18px; float:left; border-bottom:1px dotted #999999;}
#awardbox_content_score{ float:right; font-size:12px; font-weight:bold; color:#FF9999; width:auto; text-align:left;}
#awardbox_content_namebox{ float:left; padding-left:20px;}



#footer{
	width:100%; height:20px; background-color:#faeae0; border-top:3px solid #58331e; border-bottom:1px solid #58331e;  margin-top:12px; font-size:12px; padding-top:4px; font-family: Arial, Helvetica, sans-serif; float:left;
	
}

#information{
	font-size:12px; float:left; width:100%; text-align:center; line-height:20px;font-family: Arial, Helvetica, sans-serif; margin-top:4px; color:#666666;
}

a:link{ color:#000; text-decoration: none;	font-size: 12px;}
a:visited{color:#000; text-decoration: none; font-size: 12px; }
a:hover{color:#58331e; text-decoration:underline;	font-size: 12px; }

#information a:link{
	color:#666666;text-decoration: none;	font-size: 12px;
}
#information a:visited{
	color:#666666;text-decoration: none;	font-size: 12px;
}

#information a:hover{
	color:#58331e; text-decoration:underline;	font-size: 12px;
}


.brown {
	color:#58331e;
}
.brown a:link{ 
	color:#58331e; text-decoration: none;	font-size: 12px;
}
.brown a:visited{
	color:#58331e; text-decoration: none; font-size: 12px; 
}
.brown a:hover{
	color:#884E2F; text-decoration:underline;	font-size: 12px; 
}
a.brown:link{ 
	color:#58331e; 
	text-decoration: none;	
	font-size: 12px;
}
a.brown:visited{
	color:#58331e;
	text-decoration: none;
	font-size: 12px;
}
a.brown:hover{
	color:#884E2F;
	text-decoration:underline;	
	font-size: 12px; 
}


#jokebox_footer a:link{
	color:#6b6b6b; 
	font-size:12px; 
	text-decoration:underline;
}
#jokebox_footer a:visited{
	color:#6b6b6b; 
	font-size:12px;
}
#jokebox_footer a:hover{
	color:#58331e; 
	font-size:12px;
}

#msg_box{
	background-color:#E0D9D1;
	display:none;
	position:absolute;
	height: auto;
	width: 360px;
}
#caption{
	border-top: 6px solid #58331e;
	height:auto;
	width:auto;
	background-color:#FFFFFF;
	font-size:14px;
	padding:20px 10px 20px 10px;
	margin:0px 4px 5px 0px;
	line-height:18px;
}
